<script setup lang="ts">

</script>

<template>
  <div class="pt-20">
    <!-- Products Header -->
    <section class="bg-gradient-to-r text-white section-padding from-blue-600 to-purple-600">
      <div class="container-max text-center">
        <h1 class="text-4xl font-bold mb-6 md:text-5xl">
          产品中心
        </h1>
        <p class="text-xl mx-auto max-w-3xl">
          专业的光伏设备整线解决方案提供商，致力于为客户提供高质量、高效率的智能制造设备
        </p>
      </div>
    </section>

    <!-- Product Categories -->
    <section class="section-padding">
      <div class="container-max">
        <div class="gap-8 grid lg:grid-cols-3">
          <!-- Photovoltaic Products -->
          <div class="p-8 rounded-lg bg-white shadow-lg">
            <div class="mb-6 text-center">
              <div class="mx-auto mb-4 rounded-full bg-blue-100 flex h-16 w-16 items-center justify-center">
                <span class="text-2xl">⚡</span>
              </div>
              <h3 class="text-2xl title-gradient font-bold">
                光伏产品
              </h3>
            </div>
            <ul class="mb-6 space-y-3">
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-blue-600 h-2 w-2" />
                整线智能封装设备
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-blue-600 h-2 w-2" />
                高速串焊机系列
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-blue-600 h-2 w-2" />
                双组份边框涂胶
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-blue-600 h-2 w-2" />
                光伏连接器/接线盒
              </li>
            </ul>
            <NuxtLink to="/products/photovoltaic" class="btn-primary text-center w-full block">
              查看详情
            </NuxtLink>
          </div>

          <!-- Equipment -->
          <div class="p-8 rounded-lg bg-white shadow-lg">
            <div class="mb-6 text-center">
              <div class="mx-auto mb-4 rounded-full bg-green-100 flex h-16 w-16 items-center justify-center">
                <span class="text-2xl">🔧</span>
              </div>
              <h3 class="text-2xl title-gradient font-bold">
                整线设备
              </h3>
            </div>
            <ul class="mb-6 space-y-3">
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-green-600 h-2 w-2" />
                EVA整线设备配备
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-green-600 h-2 w-2" />
                智能制造解决方案
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-green-600 h-2 w-2" />
                一站式服务方案
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-green-600 h-2 w-2" />
                备品备件供应
              </li>
            </ul>
            <NuxtLink to="/products/equipment" class="btn-primary text-center w-full block">
              查看详情
            </NuxtLink>
          </div>

          <!-- Research Products -->
          <div class="p-8 rounded-lg bg-white shadow-lg">
            <div class="mb-6 text-center">
              <div class="mx-auto mb-4 rounded-full bg-purple-100 flex h-16 w-16 items-center justify-center">
                <span class="text-2xl">🔬</span>
              </div>
              <h3 class="text-2xl title-gradient font-bold">
                研发产品
              </h3>
            </div>
            <ul class="mb-6 space-y-3">
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-purple-600 h-2 w-2" />
                四角预清洗机
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-purple-600 h-2 w-2" />
                创新技术研发
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-purple-600 h-2 w-2" />
                定制化解决方案
              </li>
              <li class="flex items-center">
                <span class="mr-3 rounded-full bg-purple-600 h-2 w-2" />
                前沿设备开发
              </li>
            </ul>
            <NuxtLink to="/products/research" class="btn-primary text-center w-full block">
              查看详情
            </NuxtLink>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<style scoped>

</style>
